import { styled } from 'styled-components';

export const NavBarWrap = styled.div`
  &.navBar {
    height: 35px;
    background-color: #c20c0c;
  }
`;
export const NavBarContentWrap = styled.div`
  .content {
    display: flex;
    padding-left: 180px;
    a {
      display: block;
      height: 20px;
      line-height: 20px;
      color: #fff;
      text-decoration: none;
      margin: 0 20px;
      padding: 0 12px;
      margin-top: 7px;
      border-radius: 32px;
      &.active,
      &:hover {
        background-color: #9b0909;
      }
    }
  }
`;
